<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>SAI</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="/favicon.ico">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/sm.min.css">
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div class="page-group">
			<div class="page page-current">
				<div class="headers">
					<div class="display_flex align-items_center h-header">
						<div class="luagh">
							<img src="img/img3.png" alt="">
						</div>
						<div class="flex_1 titles">
							0a000...2200
						</div>
						<div class="meune" >
							<img src="img/img2.png" alt="">
						</div>
					</div>
					<div class="menu-list">
						<ul>
							<li><a href="javascript:;">首页</a></li>
							<li><a href="javascript:;">账户</a></li>
							<li><a href="javascript:;">团队</a></li>
							<li><a href="javascript:;">挖矿</a></li>
							<li><a href="javascript:;">收益明细</a></li>
							<li><a href="javascript:;">玩法规则</a></li>
							<li><a href="javascript:;">社交</a></li>
						</ul>
					</div>
					<div class="luang-list">
						<ul>
							<li><a href="javascript:;">繁体</a></li>
							<li><a href="javascript:;">日语</a></li>
							<li><a href="javascript:;">英语</a></li>
							<li><a href="javascript:;">韩语</a></li>
						
						</ul>
					</div>
				</div>
				<div class="content">
					<div class="cinter-imgs">
						<img src="https://www.saiprotocol.org/assets/launch-20a082df.png" alt="">
					</div>
					<div class="box">
						<div class="box-img">
							<img src="" alt="">
						</div>
						<div class="box-cent">
							<div class="tiles">
								我的等级
							</div>
							<div class="coninter display_flex align-items_center justify-content_flex-justify">
							
								<div class="item">
									<img src="img/img1.png" alt="">
									<div class="name">
										Lv1
									</div>
								</div>
								<div class="item">
									<img src="img/img1.png" alt="">
									<div class="name">
										Lv2
									</div>
								</div>
								<div class="item">
									<img src="img/img1.png" alt="">
									<div class="name">
										Lv3
									</div>
								</div>
								<div class="item">
									<img src="img/img1.png" alt="">
									<div class="name">
										Lv4
									</div>
								</div>
							</div>
						</div>	
					</div>
					<div class="box">
						<div class="box-img">
							<img src="" alt="">
						</div>
						<div class="box-cent">
							<div class="tiles">
								我的推荐
							</div>
							<div class="coninter">
								<div class="t-item display_flex align-items_center">
									<div class="t-title">
										我的上级:
									</div>
									<div class="flex_1 t-cent">
										0xaaa...aaaaa
									</div>
								</div>
								<div class="t-item display_flex align-items_center">
									<div class="t-title">
										我的链接:
									</div>
									<div class="flex_1 t-cent">
										0xaaa...aaaaa
									</div>
									<div class="t-copy">
										复制
									</div>
								</div>
								<div class="t-item display_flex align-items_center">
									<div class="t-title">
										总收入SAI:
									</div>
									<div class="flex_1 t-cent">
										10000
									</div>
								</div>
								<div class="t-item display_flex align-items_center">
									<div class="t-title">
										个人算力:
									</div>
									<div class="flex_1 t-cent">
										100/<span class="t-tetx">10000</span>
									</div>
								</div>
								<div class="t-item display_flex align-items_center">
									<div class="t-title">
										有效直推算力:
									</div>
									<div class="flex_1 t-cent">
										100/<span class="t-tetx">10000</span>
									</div>
								</div>
								<div class="t-item display_flex align-items_center">
									<div class="t-title">
										有效社区算力:
									</div>
									<div class="flex_1 t-cent">
										100/<span class="t-tetx">10000</span>
									</div>
								</div>
							</div>
						</div>
					
					</div>
					<div class="box">
						<div class="box-img">
							<img src="" alt="">
						</div>
						<div class="box-cent">
							<div class="tiles">
								SAI流通量
							</div>
							<div class="coninter">
								<div class="l-tile">
									此时流通量:<span>20%</span>
								</div>
								<div class="bg-line bg">
									<div class="line inner" style="width: 20%;"></div>
								</div>
								<div class="t-ranshao">
									燃烧量:1000
								</div>
							</div>
						</div>
						
					</div>
					
					
				</div>
			</div>
		</div>
	</body>
	<script src="js/zepto.min.js"></script>
	<script src="js/sm.min.js"></script>
	<script>
		// 切换菜单
		$('.meune').on('click', function(){
			$('.menu-list').toggleClass('menu-list-active')
		} )
		// 切换语言
		$('.luagh').on('click', function(){
			$('.luang-list').toggleClass('luang-list-active')
		} )
	</script>
</html>